<%--
  Created by IntelliJ IDEA.
  User: lijun
  Date: 2019/12/11
  Time: 14:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>我要投资</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="plugins/FlexSlider/flexslider.css">
    <script type="text/javascript" src="plugins/FlexSlider/jquery.flexslider.js"></script>
    <link rel="stylesheet" type="text/css" href="css/thems.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function() {
            var searchForm = $("#searchForm");
            var gridBody = $("#gridBody");
            searchForm.ajaxForm(function(data){
                gridBody.hide();
                gridBody.html(data);
                gridBody.show(500);
            });
            searchForm.submit();

            $("input[name=bidRequestState]").change(function(){
                $("#currentPage").val(1);
                searchForm.submit();
            });
        });
    </script>
</head>
<body>
<%--头部--%>

<script type="text/javascript">
    $("#"+"invest").addClass("active");
</script>
<!-- 网页内容 -->
<div class="container" style="min-height: 500px;">
    <h4 class="page-title">投资列表</h4>
    <form action="/invest_list.do" id="searchForm" method="POST">
        <input type="hidden" name="currentPage" id="currentPage" value="1">
        <div style="margin: 20px 0px;">
            <span class="text-muted">标的状态</span><div style="margin-left: 30px" class="btn-group" data-toggle="buttons">
            <label class="btn btn-default active">
                <input type="radio" name="bidRequestState" value="-1" autocomplete="off" checked=""> 全部 
            </label>
            <label class="btn btn-default">
                <input type="radio" name="bidRequestState" value="1" autocomplete="off"> 招标中 
            </label>
            <label class="btn btn-default">
                <input type="radio" name="bidRequestState" value="8" autocomplete="off"> 已完成 
            </label>
        </div>
        </div>
    </form>
    <table class="table el-table table-hover">
        <thead id="gridHead">
        <tr>
            <th>借款人</th>
            <th width="180px">借款标题</th>
            <th>年利率</th>
            <th>金额</th>
            <th>还款方式</th>
            <th>进度</th>
            <th width="80px">操作</th>
        </tr>
        </thead>
        <tbody id="gridBody" style="display: table-row-group;">		<tr>
            <td>stef</td>
            <td>我穷啊</td>
            <td class="text-info">15%</td>
            <td class="text-info">1,200</td>
            <td>等额本息</td>
            <td>
                <div class="">
                    100 %
                </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow.jsp">查看</a></td>
        </tr>
        <tr>
            <td>abcde</td>
            <td>111</td>
            <td class="text-info">5%</td>
            <td class="text-info">5,000</td>
            <td>等额本息</td>
            <td>
                <div class="">
                    100 %
                </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow.jsp">查看</a></td>
        </tr>
        <tr>
            <td>zhangsan</td>
            <td>很急，急需5000买华为p20手机</td>
            <td class="text-info">10%</td>
            <td class="text-info">5,000</td>
            <td>等额本息</td>
            <td>
                <div class="">
                    100 %
                </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow.jsp">查看</a></td>
        </tr>
        <tr>
            <td>zhangsan001</td>
            <td>借5000玩传奇</td>
            <td class="text-info">6%</td>
            <td class="text-info">5,000</td>
            <td>等额本息</td>
            <td>
                <div class="">
                    100 %
                </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow.jsp">查看</a></td>
        </tr>
        <tr>
            <td>admin3</td>
            <td>急需钱救命</td>
            <td class="text-info">20%</td>
            <td class="text-info">5,000</td>
            <td>按月到期</td>
            <td>
                <div class="">
                    100 %
                </div>
            </td>
            <td><a class="btn btn-danger btn-sm" href="borrow.jsp">查看</a></td>
        </tr>

        <script type="text/javascript">
            $(function(){
                $("#page_container").empty().append($('<ul id="pagination" class="pagination"></ul>'));
                $("#pagination").twbsPagination({
                    totalPages:2,
                    currentPage:1,
                    initiateStartPageClick:false,
                    onPageClick : function(event, page) {
                        $("#currentPage").val(page);
                        $("#searchForm").submit();
                    }
                });
            });
        </script></tbody>
    </table>
    <div style="text-align: center;">
        <ul id="pagination" class="pagination"><li class="first disabled"><a href="#">首页</a></li><li class="prev disabled"><a href="#">上一页</a></li><li class="page active"><a href="#">1</a></li><li class="page"><a href="#">2</a></li><li class="next"><a href="#">下一页</a></li><li class="last"><a href="#">最后一页</a></li></ul>
    </div>
</div>

<%--尾部--%>
<div class="f_bg">
    <div class="foot">
        <div class="f_m clearfix">
            <div class="f_v">
                <div class="b_h">媒体报道</div>
                <ul class="clearfix">
                    <li><a href=""><img src="upload/pic3.jpg" alt=""/></a></li>
                    <li><a href=""><img src="upload/pic3.jpg" alt=""/></a></li>
                    <li><a href=""><img src="upload/pic3.jpg" alt=""/></a></li>
                    <li><a href=""><img src="upload/pic3.jpg" alt=""/></a></li>
                </ul>
            </div>
            <div class="share">
                <a href=""><img src="images/icon3.png" alt=""/></a>
                <a href=""><img src="images/icon4.png" alt=""/></a>
                <a href=""><img src="images/icon5.png" alt=""/></a>
            </div>
        </div>
        <p>地址：长沙市岳麓区天顶街道橡树园4栋：0755-82095403 0755-82095327</p>
        <p>版权所有 © 2019-2020 /p>
    </div>
</div>

</body>
</html>
